<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /**
         * 
        //   Object.defineProperty 只能遍历对象属性进⾏劫持
        现在对⼀个对象进⾏删除与添加属性操作，⽆法劫持到
        所以在 Vue2 中，增加了 set 、 delete API，并且对数组 api ⽅法进⾏⼀个重写
        还有⼀个问题则是，如果存在深层的嵌套对象关系，需要深层的进⾏监听，造成了性能的极⼤问题

        //  Proxy 直接可以劫持整个对象，并返回⼀个新对象，我们可以只操作新的对象达到响应式⽬的
         * 
         * **/ 

        
    </script>
</body>
</html>